<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理系统首页</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
</head>
<body>
    <div class="index-body">
        <div class="container">
            <p class="welcome-text">欢迎来到管理系统，管理员 (Orz)</p>
            <p class="login-text">请登录以继续...</p>
        </div>
    </div>

    <div class="login-container">
        <div class="login-form">
            <h1>登录</h1>
            {% with messages = get_flashed_messages() %}
                {% if messages %}
                    <ul class="flashes">
                    {% for message in messages %}
                        <li>{{ message }}</li>
                    {% endfor %}
                    </ul>
                {% endif %}
            {% endwith %}
            <form method="post" action="{{ url_for('login') }}">
                <label>
                    <input type="text" name="username" class="input-field" placeholder="用户名">
                </label>
                <label>
                    <input type="password" name="password" class="input-field" placeholder="密码">
                </label>
                <button type="submit" class="login-button">开始</button>
            </form>
        </div>
    </div>
</body>
</html>
